<template>
	<view class="bankCard">
		<form @submit="" @reset="" class="bank_form">
			<view class="textCard">
				<view class="nameText">
					<!-- <text>持卡人姓名</text> -->
					<label>持卡人姓名</label>
					<input type="text" placeholder="请输入真实姓名" placeholder-class="nameTextStyle" cursor="2"/>
				</view>
				<view class="nameText">
					<text><!-- 持卡人身份证号 --></text>
					<label>持卡人身份证号</label>
					<input type="number" placeholder="请输入身份证号" placeholder-class="nameTextStyle"/>
				</view>
			</view>
			<view class="textCard1">
				<view class="nameText">
					<!-- <text>持卡人姓名</text> -->
					<label>持卡人姓名</label>
					<input type="text" placeholder="请输入真实姓名" placeholder-class="nameTextStyle"/>
				</view>
				<view class="nameText">
					<text><!-- 持卡人身份证号 --></text>
					<label>持卡人身份证号</label>
					<input type="number" placeholder="请输入身份证号" placeholder-class="nameTextStyle"/>
				</view>
			</view>
			<view class="tips">
				温馨提示：
				<view class="">填写的银行卡须是本人名下的借记卡（储蓄卡）</view>
			</view>
			<button form-type="submit" class="submitBtn">提交</button>
		</form>
	</view>
</template>

<script>
</script>

<style scoped lang="scss">
	page{
		background-color: #f7f7f7;
	}
	.textCard,
	.textCard1{
		width: 100%;
		padding-left:40rpx;
		padding-right: 44rpx;
		background-color: #FFFFFF;
		.nameText{
			display: flex;
			width: 686rpx;
			height: 100rpx;
			line-height: 100rpx;
			background-color: #fff;
			border-bottom: 2rpx solid #eee;
			font-size: 32rpx;
			color: #3C3C3C;
			label{
				flex: 1;
			}
			input{
				flex: 2;
				text-align: left;
				height: 100rpx;
				padding-left: 15rpx;
				// box-sizing: border-box;
			}
			.nameTextStyle{
				text-align: right;
			}
		}
	}
	.textCard1{
		margin: 30rpx 0 46rpx;
	}
	.tips{
		font-size: 28rpx;
		color: #848484;
		padding: 46rpx 0 222rpx 36rpx;
	}
	.submitBtn{
		width: 702rpx;
		height: 94rpx;
		line-height: 94rpx;
		background-color: #ED7D6B;
		color: #fff;
		font-size: 36rpx;
		border-radius: 10rpx;
	}
</style>
